<template>
  <div id="app">
    <router-view>

    </router-view>
    <!-- 播放器 -->
    <SmallPlay class="SmallPlay" ></SmallPlay>
    <!-- 歌单 -->
    <Mu_his_list class="Mu_his_list"></Mu_his_list>
    <!-- 歌曲详情 -->
    <music_page></music_page>
  </div>
</template>
<script>
import jsonp from "jsonp";
import SmallPlay from "./components/SmallPlay";
import Mu_his_list from "./components/Mu_his_list";
import music_page from "./components/Music_page";
export default {
  name: "app",
  data() {
    return {
      isDow:false,
    };
  },
  computed: {
    
  },
  components: {
    SmallPlay,
    Mu_his_list,
    music_page
  },
 
};
</script>
<style lang="scss" >
@import "../src/assets/scss/reset.scss";
* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#app {
  width: 100%;
  height: 100%;
  
  overflow: hidden;
  position: relative;
  
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  .SmallPlay{
    height: 9%;
  }
}
</style>
